<template>
  <div v-if="isShow" style="width: 300px;margin-top: 10px">
    <el-alert :title="title" :type="type" :effect="effect" :closable="closable"   show-icon>
    </el-alert>
  </div>
</template>

<script>
  export default {
    name:'orange-alert',
    props: {
      isShow: {
        type: Boolean,
        default: false
      },
      closable: {
        type: Boolean,
        default: false
      },
      type: {
        type: String,
        default: 'success'
      },
      title: {
        type: String,
        default: '成功'
      },
      effect: {
        type: String,
        default: 'dark'
      }
    },

    data() {
      return {};
    },
    methods: {}
  };
</script>

<style lang='scss' scoped>
</style>
